.auth-section {
  display: grid;
  place-items: center;
  min-height: calc(100vh - 73px);
  padding: 3rem 1rem;
  background: radial-gradient(circle at 50% 0,#e8eefc,transparent 45%)
}
.auth-card {
  width: min(100%,480px);
  padding: 2.25rem;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow)
}
.auth-heading {
  text-align: center;
  margin-bottom: 1.6rem
}
.auth-heading .brand-mark,.auth-heading .icon-circle {
  margin-bottom: 1rem
}
.auth-heading h1 {
  font-size: 2rem;
  margin-bottom: .5rem
}
.auth-heading p {
  color: var(--muted)
}
.activation-card {
  width: min(100%,560px)
}
.device-qr-preview {
  display: block;
  width: 100%;
  max-height: 22rem;
  border-radius: 1rem;
  object-fit: cover
}